<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Yiran学习天地一站式服务</title>
    <script>
        function getNowDateTime() {
            var nowDateTime = new Date();
            var nowDate = nowDateTime.toLocaleDateString();
            var nowTime = nowDateTime.toLocaleTimeString();
            document.getElementById("date").textContent = nowDate;
            document.getElementById("time").textContent = nowTime;
        }
        setInterval(getNowDateTime, 1000);
    </script>
    <style>
        body {
            background-image: url("./pictures/bigdata01.jpeg");
            background-size: 2000px;
            background-repeat: repeat-y;
        }
        
        h1 {
            color: aquamarine;
            font-family: 'Times New Roman', Times, serif;
            font-size: 36;
            text-align: center;
        }
        
        h2 {
            color: cyan;
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            font-size: 27;
            text-align: left;
        }
        
        h3 {
            color: lightpink;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 25;
            text-align: center;
        }
        
        #main {
            color: darkturquoise;
            font-family: 'Times New Roman', Times, serif;
            font-size: 23;
            text-align: justify;
        }
        
        #p1 {
            color: greenyellow;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 19;
            text-align: left;
        }
        
        li {
            color: lightgoldenrodyellow;
            font-family: 'Times New Roman', Times, serif;
            font-size: 17;
        }
        
        #sp {
            color: azure;
            font-family: 'Times New Roman', Times, serif;
            font-size: 16;
            text-align: center;
        }
    </style>
</head>

<body>
    <h1>Yiran学习天地---在我的三角怡然空间，学习技术！</h1>
    <h3>当前时间：<span id="date"></span> <span id="time"></span></h3>
    <p id="main">Yiran学习天地是未来可期大学2016级软件工程学生胡曲线和教师算平安在2020年6月共同设计的网页，起初作为毕业论文/设计。未来可期大学2021级软件工程学生取悦和她的《Web前端开发》课程教师许涵涵在2022年12月共同优化了学习天地网页，于2023年元旦发布。Yiran学习天地包含Java、Python等技术的学习、成绩查询、论坛、未来可期大学链接等各功能。</p>
    <h2>Web前端基础</h2>
    <p id="p1">认识HTML文件结构
    </p>
    <li>html和body</li>
    <li>CSS的使用</li>
    <li>JavaScript</li>
    <h2>Java EE企业级应用</h2>
    <li>Spring框架</li>
    <li>SpringBoot</li>
    <li>Spring MVC</li>
    <li>MyBatis</li>
    <h2>大数据和人工智能相关</h2>
    <li>Python数据分析与可视化基础</li>
    <li>Spark大数据分析</li>
    <li>NoSQL大数据存储</li>
    <li>数据挖掘</li>
    <li>数据科学与大数据技术导论</li>
    <li>机器学习</li>
    <li>Linux操作系统在数据方面应用</li>
    <h2>操作系统教程</h2>
    <li>基本概念</li>
    <li>Windows操作系统</li>
    <li>Linux操作系统</li>
    <li>Unix操作系统和时间戳</li>
    <h2>编程与数据库基础</h2>
    <li>C/C++</li>
    <li>Java</li>
    <li>Python</li>
    <li>Visual Basic</li>
    <li>MySQL</li>
    <li>NoSQL</li>
    <p id="sp">Yiran学习天地2020-2024 保留所有权利。</p>
</body>

</html>